<!doctype html>
<html class="no-js" lang="zh">
<head>
    <!-- meta data -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!--font-family-->
    <link href="/static/fonts/font-family.css" rel="stylesheet">

    <!-- title of site -->
    <title>专家详情</title>

    <!-- For favicon png -->
    <link rel="shortcut icon" type="image/icon" href="/static/logo/favicon.png"/>

    <!--font-awesome.min.css-->
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">

    <!--flat icon css-->
    <link rel="stylesheet" href="/static/css/flaticon.css">

    <!--animate.css-->
    <link rel="stylesheet" href="/static/css/animate.css">

    <!--owl.carousel.css-->
    <link rel="stylesheet" href="/static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/static/css/owl.theme.default.min.css">

    <!--bootstrap.min.css-->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">

    <!-- bootsnav -->
    <link rel="stylesheet" href="/static/css/bootsnav.css">

    <!--style.css-->
    <link rel="stylesheet" href="/static/css/style.css">

    <!--responsive.css-->
    <link rel="stylesheet" href="/static/css/responsive.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

</head>

<body>
<!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve your experience and security.</p>
        <![endif]-->

<!-- top-area Start -->
<header class="top-area">
    <div class="header-area">
        <!-- Start Navigation -->
        <nav class="navbar navbar-default bootsnav navbar-fixed dark no-background">

            <div class="container">

                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="expert_info.html">专家详情</a>
                </div><!--/.navbar-header-->
                <!-- End Header Navigation -->

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse menu-ui-design" id="navbar-menu">
                    <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
                        <li class=" smooth-menu active"></li>
                        <li class=" smooth-menu"><a href="#education">education</a></li>
                        <li class="smooth-menu"><a href="#tags">研究领域</a></li>
                        <li class="smooth-menu"><a href="#pubs">发表文献</a></li>
                        <li class="smooth-menu"><a href="#foundation">基金项目</a></li>
                        <li class="smooth-menu"><a href="#portfolio">portfolio</a></li>
                        <li class="smooth-menu"><a href="#clients">clients</a></li>
                        <li class="smooth-menu"><a href="#contact">contact</a></li>
                        <li class="col-menu"><a href="/static/download/browney.txt" download>导出</a></li>
                    </ul><!--/.nav -->
                </div><!-- /.navbar-collapse -->
            </div><!--/.container-->
        </nav><!--/nav-->
        <!-- End Navigation -->
    </div><!--/.header-area-->

    <div class="clearfix"></div>

</header><!-- /.top-area-->
<!-- top-area End -->

<!--welcome-hero start -->
<section id="welcome-hero" class="welcome-hero">
</section><!--/.welcome-hero-->
<!--welcome-hero end -->

<!--about start -->
<section id="about" class="about">
    <div class="section-heading text-center">
        <h2 id="author-name">姓名</h2>
    </div>
    <div class="container">
        <div class="about-content">
            <div class="row">
                <div class="col-sm-6">
                    <div class="single-about-txt">
                        {#								<h3>#}
                        {#									I am a Professional UI/UX Designer and Web developer. Consectetur an adipisi elita, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.#}
                        {#								</h3>#}
                        {#								<p>#}
                        {#									Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspi unde omnis iste natus error sit voluptatem accusantium doloremque lauda ntium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam vo luptatem quia voluptas sit aspernatur aut odit aut fugit,#}
                        {#								</p>#}
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="single-about-add-info">
                                    <h3>中文名</h3>
                                    <p id="ch-name"> — </p>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="single-about-add-info">
                                    <h3>职位</h3>
                                    <p id="position"> — </p>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="single-about-add-info">
                                    <h3>发文数量</h3>
                                    <p id="pubs-count"> 0 </p>
                                </div>
                            </div>
                            <div class="col-sm-7">
                                <div class="single-about-add-info">
                                    <h3>所属机构</h3>
                                    <p id="org"> — </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-offset-1 col-sm-5">
                    <img id="author-icon" src="/static/images/about/profile_image.jpg" alt="profile_image">
                    <form action="/academic/icon/upload/" method="post"
                          enctype="multipart/form-data">
                        {% csrf_token %}
                        <input id="aid" hidden name="aid"/>
                        <input type="file" name="icon" accept='image/jpeg,image/jpg,image/png'/>
                        <input class="btn btn-danger" type="submit" value="提交"/>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section><!--/.about-->
<!--about end -->

<!--education start -->
<section id="education" class="education">
    <div class="section-heading text-center">
        <h2>education</h2>
    </div>
    <div class="container">
        <div class="education-horizontal-timeline">
            <div class="row">
                <div class="col-sm-4">
                    <div class="single-horizontal-timeline">
                        <div class="pubs-time">
                            <h2>2008 - 2010</h2>
                            <h3>master <span>of </span> computer science</h3>
                        </div><!--/.experience-time-->
                        <div class="timeline-horizontal-border">
                            <i class="fa fa-circle" aria-hidden="true"></i>
                            <span class="single-timeline-horizontal"></span>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <h4 class="title">
                                    university of north carolina
                                </h4>
                                <h5>north carolina, USA</h5>
                                <p class="description">
                                    Duis aute irure dolor in reprehenderit in vol patate velit esse cillum dolore eu
                                    fugiat nulla pari. Excepteur sint occana inna tecat cupidatat non proident.
                                </p>
                            </div><!--/.timeline-content-->
                        </div><!--/.timeline-->
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="single-horizontal-timeline">
                        <div class="pubs-time">
                            <h2>2004 - 2008</h2>
                            <h3>bachelor <span>of </span> computer science</h3>
                        </div><!--/.experience-time-->
                        <div class="timeline-horizontal-border">
                            <i class="fa fa-circle" aria-hidden="true"></i>
                            <span class="single-timeline-horizontal"></span>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <h4 class="title">
                                    university of north carolina
                                </h4>
                                <h5>north carolina, USA</h5>
                                <p class="description">
                                    Duis aute irure dolor in reprehenderit in vol patate velit esse cillum dolore eu
                                    fugiat nulla pari. Excepteur sint occana inna tecat cupidatat non proident.
                                </p>
                            </div><!--/.timeline-content-->
                        </div><!--/.timeline-->
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="single-horizontal-timeline">
                        <div class="pubs-time">
                            <h2>2004 - 2008</h2>
                            <h3>bachelor <span>of </span> creative design</h3>
                        </div><!--/.experience-time-->
                        <div class="timeline-horizontal-border">
                            <i class="fa fa-circle" aria-hidden="true"></i>
                            <span class="single-timeline-horizontal spacial-horizontal-line
									"></span>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <h4 class="title">
                                    university of bolton
                                </h4>
                                <h5>bolton, united kingdome</h5>
                                <p class="description">
                                    Duis aute irure dolor in reprehenderit in vol patate velit esse cillum dolore eu
                                    fugiat nulla pari. Excepteur sint occana inna tecat cupidatat non proident.
                                </p>
                            </div><!--/.timeline-content-->
                        </div><!--/.timeline-->
                    </div>
                </div>
            </div>
        </div>
    </div>

</section><!--/.education-->
<!--education end -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">自助建站</a></div>

<!--tags start -->
<section id="tags" class="tags">
    <div class="skill-content">
        <div class="section-heading text-center">
            <h2>研究领域</h2>
        </div>
        <div class="container">
            <div class="row">
                <div class="single-skill-content">
                    <div class="barWrapper" id="author-tags">
{#                        作者标签#}
                    </div>
                </div><!-- /.row -->
            </div>    <!-- /.container -->
        </div><!-- /.skill-content-->
    </div>
</section><!--/.skills-->
<!--skills end -->

<!--experience start -->
<section id="pubs" class="pubs">
    <div class="section-heading text-center">
        <h2>发表文献</h2>
    </div>
    <div class="container">
        <div class="pubs-content">
            <div class="main-timeline">
                <ul id="author-pubs-list">
                </ul>
            </div><!--.main-timeline-->
        </div><!--.experience-content-->
    </div>

</section><!--/.experience-->
<!--experience end -->

<!--foundation start -->
<section id="foundation" class="foundation">
    <div class="profiles-details">
        <div class="section-heading text-center">
            <h2>基金项目</h2>
        </div>
        <div class="container">
            <div class="profiles-content">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="single-profile">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-themeforest"></i></a>
                                <div class="profile-icon-name">themeforest</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i class="flaticon-themeforest"></i></a>
                                    <div class="profile-icon-name">themeforest</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="single-profile">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-dribbble"></i></a>
                                <div class="profile-icon-name">dribbble</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i class="flaticon-dribbble"></i></a>
                                    <div class="profile-icon-name">dribbble</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="single-profile">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-behance-logo"></i></a>
                                <div class="profile-icon-name">behance</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i class="flaticon-behance-logo"></i></a>
                                    <div class="profile-icon-name">behance</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="single-profile profile-no-border">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-github-logo"></i></a>
                                <div class="profile-icon-name">github</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i class="flaticon-github-logo"></i></a>
                                    <div class="profile-icon-name">github</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="profile-border"></div>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="single-profile">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-flickr-website-logo-silhouette"></i></a>
                                <div class="profile-icon-name">flickR</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i class="flaticon-flickr-website-logo-silhouette"></i></a>
                                    <div class="profile-icon-name">flickR</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="single-profile">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-smug"></i></a>
                                <div class="profile-icon-name">smungMung</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i class="flaticon-smug"></i></a>
                                    <div class="profile-icon-name">smungMung</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="single-profile">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-squarespace-logo"></i></a>
                                <div class="profile-icon-name">squareSpace</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i class="flaticon-squarespace-logo"></i></a>
                                    <div class="profile-icon-name">squareSpace</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="single-profile profile-no-border">
                            <div class="profile-txt">
                                <a href=""><i class="flaticon-bitbucket-logotype-camera-lens-in-perspective"></i></a>
                                <div class="profile-icon-name">bitBucket</div>
                            </div>
                            <div class="single-profile-overlay">
                                <div class="profile-txt">
                                    <a href=""><i
                                            class="flaticon-bitbucket-logotype-camera-lens-in-perspective"></i></a>
                                    <div class="profile-icon-name">bitBucket</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section><!--/.profiles-->
<!--profiles end -->

<!--portfolio start -->
<section id="portfolio" class="portfolio">
    <div class="portfolio-details">
        <div class="section-heading text-center">
            <h2>portfolio</h2>
        </div>
        <div class="container">
            <div class="portfolio-content">
                <div class="isotope">
                    <div class="row">

                        <div class="col-sm-4">
                            <div class="item">
                                <img src="/static/images/portfolio/p1.jpg" alt="portfolio image"/>
                                <div class="isotope-overlay">
                                    <a href="#">
                                        ui/ux design
                                    </a>
                                </div><!-- /.isotope-overlay -->
                            </div><!-- /.item -->
                            <div class="item">
                                <img src="/static/images/portfolio/p2.jpg" alt="portfolio image"/>
                                <div class="isotope-overlay">
                                    <a href="#">
                                        ui/ux design
                                    </a>
                                </div><!-- /.isotope-overlay -->
                            </div><!-- /.item -->
                        </div><!-- /.col -->

                        <div class="col-sm-4">
                            <div class="item">
                                <img src="/static/images/portfolio/p3.jpg" alt="portfolio image"/>
                                <div class="isotope-overlay">
                                    <a href="#">
                                        web design
                                    </a>
                                </div><!-- /.isotope-overlay -->
                            </div><!-- /.item -->
                        </div><!-- /.col -->

                        <div class="col-sm-4">
                            <div class="item">
                                <img src="/static/images/portfolio/p4.jpg" alt="portfolio image"/>
                                <div class="isotope-overlay">
                                    <a href="#">
                                        web development
                                    </a>
                                </div><!-- /.isotope-overlay -->
                            </div><!-- /.item -->
                            <div class="item">
                                <img src="/static/images/portfolio/p5.jpg" alt="portfolio image"/>
                                <div class="isotope-overlay">
                                    <a href="#">
                                        web development
                                    </a>
                                </div><!-- /.isotope-overlay -->
                            </div><!-- /.item -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!--/.isotope-->
            </div><!--/.gallery-content-->
        </div><!--/.container-->
    </div><!--/.portfolio-details-->

</section><!--/.portfolio-->
<!--portfolio end -->

<!--clients start -->
<section id="clients" class="clients">
    <div class="section-heading text-center">
        <h2>clients</h2>
    </div>
    <div class="clients-area">
        <div class="container">
            <div class="owl-carousel owl-theme" id="client">
                <div class="item">
                    <a href="#">
                        <img src="/static/images/clients/c1.png" alt="brand-image"/>
                    </a>
                </div><!--/.item-->
                <div class="item">
                    <a href="#">
                        <img src="/static/images/clients/c2.png" alt="brand-image"/>
                    </a>
                </div><!--/.item-->
                <div class="item">
                    <a href="#">
                        <img src="/static/images/clients/c3.png" alt="brand-image"/>
                    </a>
                </div><!--/.item-->
                <div class="item">
                    <a href="#">
                        <img src="/static/images/clients/c4.png" alt="brand-image"/>
                    </a>
                </div><!--/.item-->
                <div class="item">
                    <a href="#">
                        <img src="/static/images/clients/c5.png" alt="brand-image"/>
                    </a>
                </div><!--/.item-->
                <div class="item">
                    <a href="#">
                        <img src="/static/images/clients/c6.png" alt="brand-image"/>
                    </a>
                </div><!--/.item-->
                <div class="item">
                    <a href="#">
                        <img src="/static/images/clients/c7.png" alt="brand-image"/>
                    </a>
                </div><!--/.item-->
            </div><!--/.owl-carousel-->
        </div><!--/.container-->
    </div><!--/.clients-area-->

</section><!--/.clients-->

</section><!--/.clients-->
<!--clients end -->

<!--contact start -->
<section id="contact" class="contact">
    <div class="section-heading text-center">
        <h2>contact me</h2>
    </div>
    <div class="container">
        <div class="contact-content">
            <div class="row">
                <div class="col-md-offset-1 col-md-5 col-sm-6">
                    <div class="single-contact-box">
                        <div class="contact-form">
                            <form>
                                <div class="row">
                                    <div class="col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="name" placeholder="Name*"
                                                   name="name">
                                        </div><!--/.form-group-->
                                    </div><!--/.col-->
                                    <div class="col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <input type="email" class="form-control" id="email" placeholder="Email*"
                                                   name="email">
                                        </div><!--/.form-group-->
                                    </div><!--/.col-->
                                </div><!--/.row-->
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="subject" placeholder="Subject"
                                                   name="subject">
                                        </div><!--/.form-group-->
                                    </div><!--/.col-->
                                </div><!--/.row-->
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <textarea class="form-control" rows="8" id="comment"
                                                      placeholder="Message"></textarea>
                                        </div><!--/.form-group-->
                                    </div><!--/.col-->
                                </div><!--/.row-->
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="single-contact-btn">
                                            <a class="contact-btn" href="#" role="button">submit</a>
                                        </div><!--/.single-single-contact-btn-->
                                    </div><!--/.col-->
                                </div><!--/.row-->
                            </form><!--/form-->
                        </div><!--/.contact-form-->
                    </div><!--/.single-contact-box-->
                </div><!--/.col-->
                <div class="col-md-offset-1 col-md-5 col-sm-6">
                    <div class="single-contact-box">
                        <div class="contact-adress">
                            <div class="contact-add-head">
                                <h3>browny star</h3>
                                <p>uI/uX designer</p>
                            </div>
                            <div class="contact-add-info">
                                <div class="single-contact-add-info">
                                    <h3>1</h3>
                                    <p>1111111111111 </p>
                                </div>
                                <div class="single-contact-add-info">
                                    <h3>2</h3>
                                    <p>11111111111</p>
                                </div>
                                <div class="single-contact-add-info">
                                    <h3>3</h3>
                                    <p>111111111111</p>
                                </div>
                            </div>
                        </div><!--/.contact-adress-->
                        <div class="hm-foot-icon">
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li><!--/li-->
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li><!--/li-->
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li><!--/li-->
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li><!--/li-->
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li><!--/li-->
                            </ul><!--/ul-->
                        </div><!--/.hm-foot-icon-->
                    </div><!--/.single-contact-box-->
                </div><!--/.col-->
            </div><!--/.row-->
        </div><!--/.contact-content-->
    </div><!--/.container-->

</section><!--/.contact-->
<!--contact end -->

<!--footer-copyright start-->
<footer id="footer-copyright" class="footer-copyright">
    <div class="container">
        <div class="hm-footer-copyright text-center">
            <p>
                &copy; copyright 制冷院6所.
            </p><!--/p-->
        </div><!--/.text-center-->
    </div><!--/.container-->

    <div id="scroll-Top">
        <div class="return-to-top">
            <i class="fa fa-angle-up " id="scroll-top"></i>
        </div>

    </div><!--/.scroll-Top-->

</footer><!--/.footer-copyright-->
<!--footer-copyright end-->

<!-- Include all js compiled plugins (below), or include individual files as needed -->

<script src="/static/js/jquery.js"></script>

<!--modernizr.min.js-->
<script src="/static/js/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

<!--bootstrap.min.js-->
<script src="/static/js/bootstrap.min.js"></script>

<!-- bootsnav js -->
<script src="/static/js/bootsnav.js"></script>

<!-- jquery.sticky.js -->
<script src="/static/js/jquery.sticky.js"></script>

<!-- for progress bar start-->

<!-- progressbar js -->
<script src="/static/js/progressbar.js"></script>

<!-- appear js -->
<script src="/static/js/jquery.appear.js"></script>

<!-- for progress bar end -->

<!--owl.carousel.js-->
<script src="/static/js/owl.carousel.min.js"></script>

<script src="/static/js/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>


<!--Custom JS-->
<script src="/static/js/custom.js"></script>
<script src="/static/js/author.js"></script>
<script>
    setAuthorDetailPage();
</script>
</body>

</html>